// Copyright 2008 Google Inc.
// All Rights Reserved.

FS.templates = {
  //Page
  Home : '<div class="main"> \
            <div class="main_panel"> \
			${"LeftHeader"|template} \
              <div class="left_panel"> \
                ${"OwnerProfile"|template} \
                <div class="c"></div> \
                ${"Slaves"|template} \
              </div> \
              <div class="right_panel"> \
                ${"ActivitiesHeader"|template} \
                ${"Activities"|template} \
              </div> \
              <div class="c"></div> \
            </div> \
          </div>',
          
  Rank : '<div class="main"> \
            <div class="main_panel"> \
			${"LeftHeader"|template} \
              <div class="left_panel" style="width:590px;"> \
                ${"Friends"|template} \
              </div> \
              <div class="c"></div> \
            </div> \
          </div>',
          
          
  Help : '<div class="main"> \
            <div class="main_panel"> \
			${"LeftHeader"|template} \
              <div class="left_panel" style="width:590px;"> \
                ${"HelpDoc"|template} \
              </div> \
              <div class="right_panel" style="width:120px;"> \
              </div> \
              <div class="c"></div> \
            </div> \
          </div>',
  
  //sections
  LeftHeader : '<div class="navbar"> \
                  <div class="navitem"> \
                    <h4 class="home"><a href="javascript:FS.showHome();">${"FS.Home.Title"|MSG}</a></h4> \
                  </div> \
                  <div class="navitem"> \
                    <h4 class="rank"><a href="javascript:FS.showRank();">${"FS.Friends.Title"|MSG}</a></h4> \
                  </div> \
                  <div class="navitem" style="MARGIN-RIGHT: 0px"> \
                    <h4 class="help"><a href="javascript:FS.showHelp();">${"FS.Help.Title"|MSG}</a></h4> \
                  </div> \
				  <div class="invite r" onclick="javascript:FS.msgBox(\'InviteDialog\');"> \
                   <h4>Get <span class="dorg"><strong>500</string></span></h4> \
                 </div> \
                  <div class="c"></div> \
                </div>',
                
  RightHeader : '<div class="invite r" onclick="javascript:FS.msgBox(\'test\');"> \
                   <h4>Get <span class="dorg"><strong>500</string></span></h4> \
                 </div> \
                 <div class="c"></div>',
                 
  OwnerProfile : '<div class="thumbnail"> \
                    <img height="120" src="${FS.owner.data.photoUrl}" width="120"> \
                  </div> \
                  <div class="ownerinfo"> \
                    <div> \
                      <strong class="f14 dblue">${FS.owner.data.name}</strong>&nbsp;&nbsp;&nbsp; \
                      <span class="f12 c9"> \
					  {if FS.owner.data.masterid} \
					  (${"FS.Profile.master"|MSG}: <strong><a class="sl2" href="javascript:FS.showUserProfile(\'${ FS.owner.data.masterid }\');">${ FS.owner.data.mastername }</a></strong>) \
					  {/if} \
					  </span> \
                    </div> \
                    <div class="mb10"></div> \
                    <p>${"FS.Profile.price"|MSG}:&nbsp;<strong class="dgreen">&yen;${ FS.owner.data.price }</strong></p> \
                    <p>${"FS.Profile.capital"|MSG}:&nbsp;<strong class="dgreen">&yen;${ FS.owner.data.capital }</strong></p> \
                    <p>${"FS.Profile.cash"|MSG}:&nbsp;<strong class="dgreen">&yen;${ FS.owner.data.cash }</strong></p> \
                    <p>${"FS.Profile.slavenum"|MSG}:<strong class="dred">${FS.owner.data.slavenum}</strong></p> \
                    ${"ProfileActions"|template} \
                  </div>',
                   
  ProfileActions :  '{var viewingid = FS.owner.data.userId} \
  					{if FS.viewer.data.userId == viewingid}\
  					<div class="r actionitem"><span onclick="javascript:FS.showDialog(\'SettingsDialog\');" style="cursor: pointer;">${"FS.Action.setting"|MSG}</span></div> \
						{if FS.owner.data.masterid} \
						<div class="r actionitem"><span onclick="javascript:FS.DostuffDialog(\'fawn\',\'${FS.owner.data.masterid}\');" style="cursor: pointer;">${"FS.Action.fawn"|MSG}</span></div> \
						<div class="r actionitem"><span onclick="javascript:FS.showDialog(\'FreeSelfDialog\');" style="cursor: pointer;">${"FS.Action.ransom"|MSG}</span></div> \
						{/if} \
					{elseif FS.viewer.data.masterid && FS.viewer.data.masterid == viewingid} \
					<div class="r actionitem"><span onclick="javascript:FS.showUserProfile(\'${viewingid}\');" style="cursor: pointer;">${"FS.Action.home"|MSG}</span></div> \
					<div class="r actionitem"><span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'fawn\',\'${viewingid}\');">${"FS.Action.fawn"|MSG}</span></div> \
					{elseif FS.PersonData[viewingid].masterid && FS.PersonData[viewingid].masterid == FS.viewer.data.userId} \
					<div class="r actionitem"><span onclick="javascript:FS.showDialog(\'GoProfileDialog\');" style="cursor: pointer;">${"FS.Action.home"|MSG}</span></div> \
					 <div class="r actionitem"><span style="cursor: pointer;" onclick="javascript:FS.target = FS.PersonData[\'${viewingid}\']; FS.showDialog(\'FreeSlaveDialog\');">${"FS.Action.free"|MSG}</span></div> \
					 <div class="r actionitem"><span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'fix\',\'${viewingid}\');">${"FS.Action.fix"|MSG}</span></div> \
					 <div class="r actionitem"><span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'reward\',\'${viewingid}\');">${"FS.Action.reward"|MSG}</span></div> \
					{else} \
					 <div class="r actionitem"><span onclick="javascript:FS.target = FS.owner.data;FS.showDialog(\'BuyDialog\');" style="cursor: pointer;">${"FS.Action.buy"|MSG}</span></div> \
					{/if} ',
  ActivitiesHeader : '<h3 class="activity_title">${"FS.Activities.Title"|MSG}</h3>',
  
  EmptyActivities : '<div class="c9" id="nosalelist" style="PADDING-RIGHT: 0px; PADDING-LEFT: 25px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px">${"FS.Misc.nohistory"|MSG}</div>',
  
  HasActivities : '<div id="activitylist"> \
  						{for activity in FS.owner.data.activities} \
							{eval}{activity.text = FS.renderActivity(activity);}{/eval} \
  							${"Activity"|template:activity} \
  						{/for} \
  						</div>',
  
  Activities : '{if FS.owner.data.activities && FS.owner.data.activities.length} \
  					${"HasActivities"|template} \
  				{else} \
  					${"EmptyActivities"|template} \
  				{/if} \
  				',
  
  Activity : '<div class="activity_list"> \
				<div class="activity_item"> \
					<div class="activity_icon l">&nbsp;</div> \
					<div class="l w220">${text} \
					</div> \
					<div class="gw13 tar" style="FONT-SIZE: 9px">${FS.formatTime(time)} \
					</div> \
					<div class="c"></div> \
				</div> \
				<div class="c"></div> \
			</div>',
  
  //templates with Args
  SlaveProfile : '<div style="margin-top:20px;"><div class="l"> \
                    <div class="thumbnail2"> \
                      <a href="javascript:FS.showUserProfile(\'${ userId }\');"> \
                        <img width="50" height="50" src="${photoUrl }"/> \
                      </a> \
                    </div> \
                    <div class="c"></div> \
                    <!--<div style="margin-top: 5px; text-align: center;" class="c9">Bought by me</div> \
                    <div style="margin-top: 0px; text-align: center;" class="c9">at: 2008.11.25</div> -->\
                  </div> \
                  <div style="margin-left: 10px; line-height: 180%;" class="l"> \
                    <div class="w265 l c6"> \
                      <div> \
                        <div class="l"> \
                          <strong><a class="sl2" href="javascript:FS.showUserProfile(\'${ userId }\');">${name }</a></strong> \
                          <span title="Nickname By Master" class="c6">{if defined("nickname")}${nickname }{/if}</span> \
                        </div> \
                      </div> \
                      <div class="c"></div> \
                      ${"FS.Profile.price"|MSG}:&nbsp;<strong class="dgreen">&yen;${price }</strong><br/> \
                      ${"FS.Profile.capital"|MSG}:&nbsp;<strong class="dgreen">&yen;${ capital}</strong><br/> \
                      ${"FS.Profile.cash"|MSG}:&nbsp;<strong class="dgreen">&yen;${cash }</strong><br/> \
                      ${"FS.Profile.slavenum"|MSG}:<strong class="dred">${ slavenum }</strong><br/> \
                    </div> \
					{if FS.isViewingSelf()} \
                    <div class="r actionitem"> \
                      <span style="cursor: pointer;" onclick="javascript:FS.target = FS.PersonData[\'${userId}\']; FS.showDialog(\'FreeSlaveDialog\');">${"FS.Action.free"|MSG}</span> \
                    </div> \
                    <div class="r actionitem"> \
                      <span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'fix\',\'${userId}\');">${"FS.Action.fix"|MSG}</span> \
                    </div> \
                    <div class="r actionitem"> \
                      <span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'reward\',\'${userId}\');">${"FS.Action.reward"|MSG}</span> \
                    </div> \
					{/if} \
                  </div> \
                  <div class="c"></div></div>',
                  
  FriendProfile : ' {var p = "123"} \
  					<div class="friend_item"> \
                      <div class="thumbnail2"> \
                        <a href="javascript:FS.showUserProfile(\'${getId()}\');"> \
                          <img width="50" height="50" src="${getField(opensocial.Person.Field.THUMBNAIL_URL)}"/> \
                        </a> \
                      </div> \
                      <div style="width: 450px; line-height: 180%;margin-left: 10px" class="l"> \
                        <div class="w265 l c6"> \
						{if FS.PersonData[getId()]} \
                          <div> \
                            <div class="l"> \
                              <strong><a href="javascript:FS.showUserProfile(\'${getId() }\');">${getDisplayName() }</a></strong> \
                            </div> \
                            <span class="c9 l"> \
							{if FS.PersonData[getId()].masterid} \
							(${"FS.Profile.master"|MSG}: <strong><a href="javascript:FS.showUserProfile(\'${FS.PersonData[getId()].masterid }\');">${FS.PersonData[getId()].mastername }</a></strong>) \
							{/if} \
							</span> \
                          </div> \
                          <div class="c"></div> \
                          <p>${"FS.Profile.price"|MSG}:&nbsp;<strong class="dgreen">&yen;${FS.PersonData[getId()].price }</strong></p> \
                          <p>${"FS.Profile.capital"|MSG}:&nbsp;<strong class="dgreen">&yen;${FS.PersonData[getId()].capital }</strong></p> \
                          <p>${"FS.Profile.cash"|MSG}:&nbsp;<strong class="dgreen">&yen;${FS.PersonData[getId()].cash }</strong></p> \
                          <p>${"FS.Profile.slavenum"|MSG}:<strong class="dred"> ${ FS.PersonData[getId()].slavenum } \
						  </strong></p> \
						{else}\
							<div class="l"> \
                              <strong class="dblue">${getDisplayName() }</strong> \
                            </div> \
							<div class="c"></div> \
							<span class="c9 l">${getDisplayName()} ${"FS.Misc.notingame"|MSG}</span>\
						{/if} \
                        </div> \
                        <div class="r"> \
					{var viewingid = getId()} \
  					<div class="actionitem"><span onclick="javascript:FS.showUserProfile(\'${getId()}\');" style="cursor: pointer;">${"FS.Action.home"|MSG}</span></div> \
  					{if FS.viewer.data.userId == viewingid}\
  					{elseif !(FS.PersonData[viewingid])} \
					<div class="actionitem"><span style="cursor: pointer;" onclick="javascript:FS.showDialog(\'InviteDialog\');">${"FS.Action.invite"|MSG} ${FS.viewer.friends[viewingid].getDisplayName()}</span></div> \
					{elseif FS.viewer.data.masterid && FS.viewer.data.masterid == viewingid} \
					<div class="actionitem"><span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'fawn\',\'${viewingid}\');">${"FS.Action.fawn"|MSG}</span></div> \
					{elseif FS.PersonData[viewingid].masterid && FS.PersonData[viewingid].masterid == FS.viewer.data.userId} \
					 <div class="actionitem"><span style="cursor: pointer;" onclick="javascript:FS.target = FS.PersonData[\'${viewingid}\']; FS.showDialog(\'FreeSlaveDialog\');">${"FS.Action.free"|MSG}</span></div> \
					 <div class="actionitem"><span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'fix\',\'${viewingid}\');">${"FS.Action.fix"|MSG}</span></div> \
					 <div class="actionitem"><span style="cursor: pointer;" onclick="javascript:FS.DostuffDialog(\'reward\',\'${viewingid}\');">${"FS.Action.reward"|MSG}</span></div> \
					{else} \
					<div class="actionitem"><span onclick="javascript:FS.target = FS.PersonData[\'${getId()}\'];FS.showDialog(\'BuyDialog\');" style="cursor: pointer;">${"FS.Action.buy"|MSG} ${FS.viewer.friends[viewingid].getDisplayName()}</span></div> \
					{/if} \
                        </div> \
                        <div class="c"></div> \
                      </div> \
                      <div class="c"></div> \
                    </div>',
                      
  Slaves : '<h3 class="slaves_title">${"FS.Slaves.Title"|MSG}</h3> \
  				<div style="display: block;" id="slavelist"> \
					<div class="slave_panel"> \
						{for slave in FS.owner.data.slaves} \
							${"SlaveProfile"|template:slave}\
						{forelse} \
							${"FS.Misc.noslave"|MSG} \
						{/for} \
					</div> \
				</div>',
  Friends : '<h3 class="friends_title" style="width:570px;">${"FS.Friends.Title"|MSG}</h3><div style="display: block;" ><div class="friend_panel"> \
  				{for friend in FS.viewer.friends} \
  					${"FriendProfile"|template:friend}\
				{forelse} \
					${"FS.Misc.nofriend"|MSG} \
					 <a href="javascript:FS.showDialog(\'InviteDialog\');">${"FS.Action.Invite"|MSG}</a>\
  				{/for} \
  				</div></div>',
  HelpDoc : '<h3 class="activity_title">${"FS.Help.Title"|MSG}</h3> \
             <p>${"FS.Help.Content"|MSG}',
             
  //Dialog templates
  fawnDialog : '${%FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.fawn"), innerHTML : FS.render("FawnMaster"), submitFunc : "FS.Dostuff"})%}',
  SettingsDialog : '${%FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.setting"), innerHTML : FS.render("Settings"), submitFunc : ""})%}',
  FreeSelfDialog : '${%FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.ransom"), innerHTML : FS.render("FreeSelf"), submitFunc : "FS.Ransom"})%}',
  FreeSlaveDialog : '${% FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.free"), innerHTML : FS.render("FreeSlave",FS.target), submitFunc : "FS.freeSlave"})%}',
  fixDialog : '${% FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.fix"), innerHTML : FS.render("FixSlave",FS.target), submitFunc : "FS.Dostuff"})%}',
  rewardDialog : '${% FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.reward"), innerHTML : FS.render("RewardSlave",FS.target), submitFunc : "FS.Dostuff"})%}',
  FawnSlaveDialog : '${% FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.fawn"), innerHTML : FS.render("FawnSlave",FS.target), submitFunc : ""})%}',
  BuyDialog : '${% FS.render("Dialog", {title : FS.getMsg("FS.DialogTitle.buy"), innerHTML : FS.render("BuySlave",FS.target), submitFunc : "FS.buySlave"})%}',
  GoProfileDialog : '${% FS.render("Dialog", {title : "Fawn Slave", innerHTML : FS.render("FawnSlave"), submitFunc : ""})%}',
  InviteDialog : '${% FS.render("Dialog", {title : FS.getMsg("FS.Action.invite"), innerHTML : FS.render("Invite"), submitFunc : ""})%}',
  
  Dialog : '<div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" id="dialogBoxBG"> \
                <div style="z-index: 19999; width: 460px; position: relative; left: 200px; top: 80px;" id="dialogBox"> \
                  <div class="dialog_top_border"></div> \
                  <div> \
                    <table cellspacing="0" cellpadding="0" border="0"> \
                      <tbody> \
                        <tr style="height: 460px;"> \
                          <td style="background: rgb(0, 0, 0) none repeat scroll 0%; width: 7px; opacity: 0.4;filter:alpha(opacity=40);" /> \
                          <td style="width: 446px;"> \
                            <div style="border: 1px solid rgb(86, 86, 86);"> \
                              <table width="100%" cellspacing="0" cellpadding="0" border="0"> \
                                <tbody> \
                                  <tr height="24" bgcolor="#6795b4"> \
                                    <td> \
                                      <div class="dialog_title"> \
                                        <div class="text" id="dialogBoxTitle"> \
                                          ${title} \
                                        </div> \
                                        <div class="close_button" id="dialogClose"> \
                                          <a href="javascript:FS.closeDialog();"><b class="dred">X</b></a> \
                                        </div> \
                                      </div> \
                                    </td> \
                                  </tr> \
                                  <tr valign="top"> \
                                    <td bgcolor="#ffffff" style="height: 432px;" id="dialogBody"> \
                                      <div width="100%" scrolling="no" height="100%" id="iframe_parent" name="iframe_parent"> \
                                        <div style="display:block;width:445px;margin:0 auto;"> \
                                          <div style="height:390px;text-align:center;"> \
                                            <form name="form1"> \
                                            ${innerHTML} \
                                            <div style="padding-top:10px;text-align:center"> \
                                                <input id="submit" type="button" value="${"FS.confirm"|MSG}" class="input-button" style="padding:2px 15px;" onclick="${submitFunc}()" /> \
                                            </div> \
                                            </form> \
                                          </div> \
                                          <div style="height:40px;border-top:1px solid #ccc;background:#F2F2F2;"> \
                                            <div class="r" style="width:10px;">&nbsp;</div> \
                                            <div style="float:right;margin-top:5px;"> \
                                              <input type="button" value="${"FS.cancel"|MSG}" class="input-button" style="padding:4px 10px;" onclick="FS.closeDialog();" /> \
                                            </div> \
                                          </div> \
                                        </div> \
                                      </div> \
                                    </td> \
                                  </tr> \
                                </tbody> \
                              </table> \
                            </div> \
                          </td> \
                          <td style="background: rgb(0, 0, 0) none repeat scroll 0%; width: 7px; opacity: 0.4;filter:alpha(opacity=40);" /> \
                        </tr> \
                      </tbody> \
                    </table> \
                  </div> \
                  <div class="dialog_bottom_border"></div> \
                </div> \
              </div> \
              <div style="background: rgb(0, 0, 0) none repeat scroll 0%; z-index: 19990; position: absolute; opacity: 0.2;filter:alpha(opacity=20); top: 0px; left: 0px; width: 100%; height: 100%;" id="dialogBoxShadow"> \
            </div>',
              
  FawnMaster : ' <div  style="padding:20px 0 20px 145px;"> \
                  <div class="thumbnail"> \
                    <img src="{if defined("photoUrl")}${photoUrl}{/if}" style="width:120px;height:120px;"/> \
                  </div> \
                  <div class="c"></div> \
                </div> \
                <div class="tac f14 mb10"> \
                  <b>${"FS.Dialog.fawn"|MSG} <span class="dblue">${FS.owner.data.mastername}</span>?</b> \
                </div> \
                <div class="dialog_options mb10"> \
                	{for option in FS.Options} \
                		<ul class="item"> \
                    		<li><input type="radio" name="stuffid" id="stuffid" value="${option}" {if option_index == 0}checked{/if}>${FS.renderOption(option)}</li> \
                  		</ul> \
                	{/for} \
                </div>',
                
  Settings : '<br><br><br><br><br><center><h1>Under Construction!<h1></center><br><br><br><br><br><br><br><br><br><br>',
  Invite : '<br><br><br><br><br><center><h1>Under Construction!<h1></center><br><br><br><br><br><br><br><br><br><br>',
  FreeSelf : '<div  style="padding:20px 0 20px 145px;"> \
                  <div class="thumbnail"> \
                    <img src="${FS.viewer.data.photoUrl}" style="width:120px;height:120px;"/> \
                  </div> \
                  <div class="c"></div> \
                </div> \
                <div class="tac f14 mb10"> \
                  <b>${"FS.Dialog.ransom"|MSG} <span class="dred">${FS.viewer.data.price}</span>.</b><br/> \
                </div> ',
  FreeSlave : '<input type="hidden" id="targetid" value="${userId}"/>\
  				<div  style="padding:20px 0 20px 145px;"> \
                  <div class="thumbnail"> \
                    <img src="${photoUrl}" style="width:120px;height:120px;"/> \
                  </div> \
                  <div class="c"></div> \
                </div> \
                <div class="tac f14 mb10"> \
                  <b>${"FS.Dialog.free"|MSG} <span class="dblue">${name}</span>?</b><br/> \
                </div> ',
  SellSlave : '<br><br><br><br><br><center><h1>Under Construction!<h1></center><br><br><br><br><br><br><br><br><br><br>',
  FixSlave : ' <div  style="padding:20px 0 20px 145px;"> \
                  <div class="thumbnail"> \
                    <img src="${photoUrl}" style="width:120px;height:120px;"/> \
                  </div> \
                  <div class="c"></div> \
                </div> \
                <div class="tac f14 mb10"> \
                  <b>${"FS.Dialog.fix"|MSG} <span class="dblue">${name}</span>?</b> \
                </div> \
                <div class="dialog_options mb10"> \
                {for option in FS.Options} \
                	<ul class="item"> \
                    	<li><input type="radio" name="stuffid" id="stuffid" value="${option}" {if option_index == 0}checked{/if}>${FS.renderOption(option)}</li> \
                  	</ul> \
                {/for} \
                </div>',
  RewardSlave : ' <div  style="padding:20px 0 20px 145px;"> \
                  <div class="thumbnail"> \
                    <img src="${photoUrl}" style="width:120px;height:120px;"/> \
                  </div> \
                  <div class="c"></div> \
                </div> \
                <div class="tac f14 mb10"> \
                  <b>${"FS.Dialog.reward"|MSG} <span class="dblue">${name}</span>?</b> \
                </div> \
                <div class="dialog_options mb10"> \
                {for option in FS.Options} \
                	<ul class="item"> \
                    	<li><input type="radio" name="stuffid" id="stuffid" value="${option}" {if option_index == 0}checked{/if}>${FS.renderOption(option)}</li> \
                  	</ul> \
                {/for} \
                </div>',                
  FawnSlave : '<br><br><br><br><br><center><h1>Under Construction!<h1></center><br><br><br><br><br><br><br><br><br><br>',
  BuySlave : ' <input type="hidden" id="slaveid" value="${userId}"/>\
  				<div  style="padding:20px 0 20px 145px;"> \
                  <div class="thumbnail"> \
                    <img src="${photoUrl}" style="width:120px;height:120px;"/> \
                  </div> \
                  <div class="c"></div> \
                </div> \
                <div class="tac f14 mb10"> \
                  <b>${"FS.Dialog.buy"|MSG}<span class="dblue">${name}</span>?</b><br/> \
				  <b>${"FS.Dialog.buy1"|MSG} <span class="dred">${price}</span>.</b><br/> \
				  <b>${"FS.Dialog.buy2"|MSG} <span class="dred">${FS.viewer.data.cash}</span>.</b> \
                </div> ',
	MessageBox : '<div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" id="dialogBoxBG"> \
                <div style="z-index: 19999; width: 460px; position: relative; left: 200px; top: 80px;" id="dialogBox"> \
                  <div class="dialog_top_border"></div> \
                  <div> \
                    <table cellspacing="0" cellpadding="0" border="0"> \
                      <tbody> \
                        <tr style="height: 150px;"> \
                          <td style="background: rgb(0, 0, 0) none repeat scroll 0%; width: 7px; opacity: 0.4;filter:alpha(opacity=40);" /> \
                          <td style="width: 446px;"> \
                            <div style="border: 1px solid rgb(86, 86, 86);"> \
                              <table width="100%" cellspacing="0" cellpadding="0" border="0"> \
                                <tbody> \
                                  <tr height="24" bgcolor="#6795b4"> \
                                    <td> \
                                      <div class="dialog_title"> \
                                        <div class="text" id="dialogBoxTitle">Alert</div> \
                                        <div class="close_button" id="dialogClose"> \
                                          <a href="javascript:FS.closeDialog();"><b class="dred">X</b></a> \
                                        </div> \
                                      </div> \
                                    </td> \
                                  </tr> \
                                  <tr valign="top"> \
                                    <td bgcolor="#ffffff" style="height: 126px;" id="dialogBody"> \
                                      <div id="iframe_parent" name="iframe_parent" style="width:100%;height:100%;"> \
                                            <form name="form1"> \
											<div style="text-align: center; height: 70px; padding-top: 20px;"> \
                                            ${innerHTML} \
											</div> \
                                            <div style="text-align:center"> \
                                                <input id="submit" type="button" value="${"FS.confirm"|MSG}" class="input-button" style="padding:2px 15px;" onclick="FS.closeDialog();" /> \
                                            </div> \
                                            </form> \
                                      </div> \
                                    </td> \
                                  </tr> \
                                </tbody> \
                              </table> \
                            </div> \
                          </td> \
                          <td style="background: rgb(0, 0, 0) none repeat scroll 0%; width: 7px; opacity: 0.4;filter:alpha(opacity=40);" /> \
                        </tr> \
                      </tbody> \
                    </table> \
                  </div> \
                  <div class="dialog_bottom_border"></div> \
                </div> \
              </div> \
              <div style="background: rgb(0, 0, 0) none repeat scroll 0%; z-index: 19990; position: absolute; opacity: 0.2;filter:alpha(opacity=20); top: 0px; left: 0px; width: 100%; height: 100%;" id="dialogBoxShadow"> \
            </div>'
};

osapps.ui.Render.templates = FS.templates;